<template>
    <div class="container">
        <!-- 头部 -->
        <!-- <van-nav-bar 
        title='项目合作' 
        left-text="返回" 
        left-arrow
        @click-left="onClickLeft">
            <template #right>
                <div @click="toUser" class="nav-img"><img src="../assets/user.png" ></div>
            </template>
        </van-nav-bar> -->
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-wrap">
                <div class="cont-item">项目信息采集</div>
                <div class="pic">
                    <img src="../assets/arrow.png" alt="">
                </div>
                <div class="cont-item">
                    平台上线
                    <div class="pic">
                        <img src="../assets/arrow-bottom.png" alt="">
                    </div>
                </div>
            </div>
            <div class="content-wrap">
                <div class="cont-item">
                    平台电call组跟进
                    <div class="pic">
                        <img src="../assets/arrow-bottom.png" alt="">
                    </div>
                </div>
                <div class="pic">
                    <img src="../assets/arrow-left.png" alt="">
                </div>
                <div class="cont-item">
                    100000+行业从业人员 爆炸式扩散
                </div>
            </div>
            <div class="content-wrap">
                <div class="cont-item">平台专员带看</div>
                <div class="pic">
                    <img src="../assets/arrow.png" alt="">
                </div>
                <div class="cont-item">
                    平台管理层深度洽谈
                    <div class="pic">
                        <img src="../assets/arrow-bottom.png" alt="">
                    </div>
                </div>
            </div>
            <div class="content-wrap on">
                <div class="cont-item">成交</div>
            </div>
        </div>
        <foot-message></foot-message>
    </div>
</template>
<script>
import FootMessage from '@/components/foot-message/index.vue'
import { mapActions, mapState } from 'vuex';
export default {
    components:{
        FootMessage
    },
    data(){
        return{

        }
    },
    computed:{
        ...mapState(["turnOpen"])
    },
    methods:{
        ...mapActions(["saveRouter"]),
        // 返回上一页面
        onClickLeft(){
            // this.$router.go(-1);
            if(this.turnOpen==0){
                this.$router.go(-1);
            }else{
                this.$router.push({path:'/home'})
                this.saveRouter(0)
            }
        },
        // 去用户信息
		toUser(){
			this.$router.push({path:"/user"})
		},
    }
}
</script>
<style lang="less" scoped>
/// 顶部样式
/deep/.van-nav-bar__text{
	color: #333;
}
/deep/.van-nav-bar{
	.van-icon{
		color: #333;
	}
}
.nav-img{
	img{
		width: 0.39rem;
		height: 0.39rem;
	}
}
// 主要内容
.content{
    padding: 0 1.26rem;
    padding-bottom: 1.5rem;
}
.content-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.08rem;
    .pic{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.3rem;
        img{
            display: block;
        }
    }
}
.cont-item{
    font-size: 0.24rem;
    color: #fff;
    flex-wrap: wrap;
    width: 1.95rem;
    height: 0.98rem;
    background-color: #F08200;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    .pic{
        position: absolute;
        top: 1.2rem;
    }
}
.content-wrap.on{
    display: flex;
    justify-content: flex-end;
}
.components-foot{
    display: none;
}
</style>